function initialize() {
    var styles = {
        'monTheme': [
        {
            featureType: 'road',
            elementType: 'geometry',
            stylers: [{'visibility': 'simplified'}]
        }, {
            featureType: 'road.arterial',
            stylers: [
                {hue: 149},
                {saturation: -78},
                {lightness: 0}
            ]
        }, {
            featureType: 'road.highway',
            stylers: [
                {hue: -31},
                {saturation: -40},
                {lightness: 2.8}
            ]
        }, {
            featureType: 'poi',
            elementType: 'label',
            stylers: [{'visibility': 'off'}]
        }, {
            featureType: 'landscape',
            stylers: [
                {hue: 163},
                {saturation: -26},
                {lightness: -1.1}
            ]
        }, {
            featureType: 'transit',
            stylers: [{'visibility': 'off'}]
        }, {
            featureType: 'water',
            stylers: [
                {hue: 3},
                {saturation: -24.24},
                {lightness: -38.57}
            ]
        }
    ]};

    var mapOptions = {
        zoom: 6,
        center: new google.maps.LatLng(48,2),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDefaultUI: false,
        mapTypeId: 'monTheme'
    }
    var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
    var styledMapType = new google.maps.StyledMapType(styles['monTheme'], {name: 'monTheme'});
    map.mapTypes.set('monTheme', styledMapType);

    var myLatLng = new google.maps.LatLng(48.007391, 0.196890);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: '../images/star.png',
        title: 'Mairie du Mans'
    });

    var myLatLng2 = new google.maps.LatLng(48.249522, 0.184743);
    var marker2 = new google.maps.Marker({
        position: myLatLng2,
        map: map,
        icon: '../images/flag.png',
        title: 'Le Pontaubeau'
    });

    var directionsService = new google.maps.DirectionsService();
    var directionsDisplay = new google.maps.DirectionsRenderer({ 'map': map });
    var request = {
        origin : myLatLng,
        destination: myLatLng2,
        travelMode : google.maps.DirectionsTravelMode.DRIVING,
        unitSystem: google.maps.DirectionsUnitSystem.METRIC
    };
    directionsService.route(request, function(response, status) {
        if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(response);
            directionsDisplay.setOptions({'suppressMarkers':true});
        }
    });
}